<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小说详细页面</title>
    <link rel="stylesheet" href="../style/novelDetil.css" />
  </head>
  <body>
    <div class="content">
      <!-- 侧边导航栏 -->
      <div class="leftNav">
        <!-- 左侧TOP -->
        <div class="leftNavTop">
          <!-- logo 加标题 -->
          <div class="leftNav-title">
            <img src="../static/img/logo/画板 1.png" alt="" />
            <span class="leftNav-title-text">即时视频</span>
          </div>
          <!-- 搜索框 -->
          <div class="TopSearch">
            <input type="text" placeholder="南航开通海口往返青岛" />
            <div class="SerchBtn">
              <img src="../static/img/搜索.png" alt="" />
              <span>搜索</span>
            </div>
          </div>
        </div>
        <!-- 小说阅读区域 -->
        <div class="novelReading">
          <div class="chapter">
            <h3 class="chapterTiele">序章 大荒</h3>
            <div class="chapterInfo">
              <span class="bookName">书名: 完美世界</span>
              <span class="bookAuthor">作者: 辰东</span>
              <span class="wordSize">本章字数: 294字</span>
              <span class="upDataTime">更新时间: 2023-05-15 13:18:50</span>
            </div>
          </div>
          <div class="novelText">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;夜已深，漆黑一片，景物不可见。但山中并不宁静，猛兽咆哮，震动山河，万木摇颤，乱叶簌簌坠落。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;群山万壑间，洪荒猛兽横行，太古遗种出没，各种可怕的声音在黑暗中此起彼伏，直欲裂开这天地。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;山脉中，远远望去有一团柔和的光隐现，在这黑暗无尽的夜幕下与万山间犹如一点烛火在摇曳，随时会熄灭。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;渐渐接近，可以看清那里有半截巨大的枯木，树干直径足有十几米，通体焦黑。除却半截主干外，它只剩下了一条柔弱的枝条，但却在散发着生机，枝叶晶莹如绿玉刻成，点点柔和的光扩散，将一个村子笼罩。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确切的说，这是一株雷击木，在很多年前曾经遭遇过通天的闪电，老柳树巨大的树冠与旺盛的生机被摧毁了。如今地表上只剩下**米高的一段树桩，粗的惊人，而那仅有的一条柳枝如绿霞神链般，光晕弥漫，笼罩与守护住了整个村子，令这片栖居地朦朦胧胧，犹若一片仙乡，在这大荒中显得很神秘。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;村中各户都是石屋，夜深人静，这里祥和而安谧，像是与外界的黑暗还有兽吼隔绝了。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“呜……”<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一阵狂风吹过，一片巨大的乌云横空，遮住了整片夜空，挡住了那仅有的一点星华，山脉中更加黑暗了。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一声凶戾的禽鸣自高天传来，穿金裂石，竟源自那片乌云，细看它居然是一只庞大到不可思议的巨鸟，遮天蔽月，长也不知多少里。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路过石村，它俯视下方，两只眼睛宛若两轮血月般，凶气滔天，盯着老柳木看了片刻，最终飞向了山脉最深处。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平静了很长一段时间，直到后半夜，大地颤动了起来，一条模糊的身影从远方走来，竟与群山齐高！<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;莫名气息散发，群山万壑死一般的寂静，凶禽猛兽皆蛰伏，不敢发出一点声音。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;近了，这是一个拥有人形的生物，直立行走，庞大的惊人，身高比肩山岳，浑身没有毛发，通体密布着金色的鳞片，熠熠生辉。面部很平，只有一只竖眼，开合间像是一道金色的闪电划过，犀利慑人。整体血气如海，宛如一尊神魔！<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;它路过此地，看了一眼老柳木，稍作停留后，似乎急于赶路，最终快速远去，许多山峰被其脚步震的轰鸣，山地剧烈颤抖。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黎明，一条十米长、水桶粗、银光灿灿的蜈蚣在山中蜿蜒而行，像是白银浇铸而成，每一节都锃亮而狰狞，划过山石时铿锵作响，火星飞溅。但最终它却避过了石村，没有侵入，所过之处黑雾翻腾，万兽避退。<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一根散发着莹莹绿霞的柔弱柳条在风中轻轻摇曳……
          </div>
        </div>

         <!-- 分页器 -->
        <div class="paging">
          <div class="pagingHome">首章</div>
          <div class="pagingList">
            <ul>
              <li class="pagingItem active">1</li>
              <li class="pagingItem">2</li>
              <li class="pagingItem">3</li>
              <li class="pagingItem">4</li>
              <li class="pagingItem">5</li>
              <li class="pagingItem">6</li>
              <li class="pagingItem">7</li>
            </ul>
          </div>
          <div class="pagingEnd">下一章</div>
        </div>

        <!-- 底部 -->
        <div class="footer">
          <div class="footerLeft">
            <div class="footerTop">友情连接</div>
            <ul class="footerList">
              <li class="footerItem">
                <a href="#">即时网</a>
              </li>
              <li class="footerItem">
                <a href="#">即时影视模板</a>
              </li>
              <li class="footerItem">
                <a href="#">即时主题设计</a>
              </li>
              <li class="footerItem">
                <a href="#">大虾壁纸</a>
              </li>
            </ul>
          </div>
          <div class="footerRight">
            <div class="footerTop">合作联系</div>
            <ul class="footerList">
              <li class="footerItem">
                <a href="#">QQ: 2336558626</a>
              </li>
              <li class="footerItem">
                <a href="#">邮箱: 2336558626qq.com</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 商标 -->
        <div class="trademark">© 2023 JISHI - All Rights Reserved</div>
      </div>
      <!-- 右侧内容 -->
      <div class="rightContent">
        <!-- 右侧顶部导航栏 -->
        <div class="rightTopNav">
          <div class="TopNav">
            <ul>
              <li>
                <a href="#">
                  <img src="../static/img/钻石.png" alt="" />
                  <span>会员</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <img src="../static/img/收藏文件.png" alt="" />
                  <span>收藏</span>
                </a>
              </li>
              <li class="userName">
                <a href="#">
                  <svg
                    t="1717161226654"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="5473"
                    width="128"
                    height="128"
                  >
                    <path
                      d="M502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM417.024 586.304l189.984 0c162.624 0 294.432 129.632 294.432 289.6l0 18.656c0 63.04-131.84 65.44-294.432 65.44l-189.984 0c-162.624 0-294.432-0.096-294.432-65.44l0-18.656C122.592 715.936 254.4 586.304 417.024 586.304L417.024 586.304zM417.024 586.304"
                      fill="#272636"
                      p-id="5474"
                    ></path>
                  </svg>
                  <span>admin</span>
                </a>
              </li>
            </ul>
            <!-- 登录按钮 -->
            <a href="#" class="loginBtn"> 登录 </a>
          </div>
        </div>
        <!-- 小说列表 -->
        <div class="novelContent">
          <h3 class="recomdenTitle">推荐小说</h3>
          <!-- 全部小说 -->
          <ul class="novelList">
            <li class="novelItem">
              <div class="novelImg">
                <img src="https://fyb-2.cdn.bcebos.com/hotboard_image/1438c4125ef576fffc277eeeecdd9a05" alt="">
              </div>
              <div class="novelInfo">
                <div class="novelTop">
                  <span class="noveTitle">庆余年</span>
                  <span class="author">猫腻</span>
                </div>
                <div class="novelDesc">
                  积善之家，必有余庆，留余庆，留余庆，忽遇恩人；幸娘亲，幸娘亲，积得阴功。劝人生，济困扶穷……而谁可知，人生于世，上承余庆，终究却是要自己做出道路抉择，正是所谓岔枝发：
                </div>
              </div>
            </li>
            <li class="novelItem">
              <div class="novelImg">
                <img src="https://fyb-2.cdn.bcebos.com/hotboard_image/1438c4125ef576fffc277eeeecdd9a05" alt="">
              </div>
              <div class="novelInfo">
                <div class="novelTop">
                  <span class="noveTitle">庆余年</span>
                  <span class="author">猫腻</span>
                </div>
                <div class="novelDesc">
                  积善之家，必有余庆，留余庆，留余庆，忽遇恩人；幸娘亲，幸娘亲，积得阴功。劝人生，济困扶穷……而谁可知，人生于世，上承余庆，终究却是要自己做出道路抉择，正是所谓岔枝发：
                </div>
              </div>
            </li>
            <li class="novelItem">
              <div class="novelImg">
                <img src="https://fyb-2.cdn.bcebos.com/hotboard_image/1438c4125ef576fffc277eeeecdd9a05" alt="">
              </div>
              <div class="novelInfo">
                <div class="novelTop">
                  <span class="noveTitle">庆余年</span>
                  <span class="author">猫腻</span>
                </div>
                <div class="novelDesc">
                  积善之家，必有余庆，留余庆，留余庆，忽遇恩人；幸娘亲，幸娘亲，积得阴功。劝人生，济困扶穷……而谁可知，人生于世，上承余庆，终究却是要自己做出道路抉择，正是所谓岔枝发：
                </div>
              </div>
            </li>
            <li class="novelItem">
              <div class="novelImg">
                <img src="https://fyb-2.cdn.bcebos.com/hotboard_image/1438c4125ef576fffc277eeeecdd9a05" alt="">
              </div>
              <div class="novelInfo">
                <div class="novelTop">
                  <span class="noveTitle">庆余年</span>
                  <span class="author">猫腻</span>
                </div>
                <div class="novelDesc">
                  积善之家，必有余庆，留余庆，留余庆，忽遇恩人；幸娘亲，幸娘亲，积得阴功。劝人生，济困扶穷……而谁可知，人生于世，上承余庆，终究却是要自己做出道路抉择，正是所谓岔枝发：
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../js/novelDetil.js"></script>
    <script src="../js/Route.js"></script>
  </body>
</html>
